<template>
	<view class="page boxAll themeBga">
		<view>
			<!-- 享金||积分 -->
			<view class="myBox flex justifyBetween mb20 mt20">
				<view class="flex themeMask alignCenter border12">
					<view class="enjoy fz28 themeColor border12 fff">我的享金</view>
					<view class="manage flexColumn  alignCenter">
						<view class="fz28">9999.99</view>
						<view class="gray fz20">管理</view>
					</view>
				</view>
				<view class="flex themeMask alignCenter border12">
					<view class="enjoy fz28 themeColor border12 fff">我的积分</view>
					<view class="manage flexColumn  alignCenter">
						<view class="fz28">9999.99</view>
						<view class="gray fz20">管理</view>
					</view>
				</view>
			</view>
			<!-- 推荐活动 -->
			<view class="activity themeColor border12 fff fz20 mb20">推荐活动</view>
		</view>
		<!-- 领取详情 -->
		<view class="draw themeMask">
			<view class="mb20 bold fz28">完成每日任务领取享金</view>
			<scroll-view scroll-y class="scrollBox">
					<view class="contentBox flex mb20" v-for="item in 15" :key="item">
						<view class="mr26">
							<image class="themeColor border12" src="" style="width: 76rpx;height: 76rpx;"></image>
						</view>
						<view class="flexColumn"  style="width: 100%;">
							<view class="flex justifyBetween mb10">
								<view class="flexColumn">
									<view class="fz24">每日观看视频</view>
									<view class="gray fz20">+5享金</view>
								</view>
								<view class="the fz24">
									1/3
								</view>
							</view>
							<uv-line-progress :percentage="30" :showText="false" height="4" activeColor="#75301e"></uv-line-progress>
						</view>
					</view>
			</scroll-view>
		</view>
	</view>
</template>

<script setup>

</script>

<style lang="scss" scoped>
	// 享金||积分
	.enjoy {
		text-align: center;
		padding: 40rpx 36rpx;
	}

	.manage {
		padding: 0 30rpx;
	}

	// 推荐活动
	.activity {
		width: 100%;
		height: 162rpx;
		text-align: center;
		line-height: 162rpx;
	}
	// 领取详情
	.draw{
		padding: 18rpx 20rpx;
		display: flex;
		flex-direction: column;
		height: 100%;
		overflow: hidden;
		.scrollBox{
			flex: 1;
			overflow: hidden;
			height: 100%;
		}
	}
</style>